//本项目单位
$unit:px;
//参照设计图
// 本项目主题色值
$color-theme: #0078FA;

$color-nav: #F6F6F6;
$color-border: #DCDFE6;
$color-dash: #DADADA;
$color-bg: #EFF3F6;
$color-white: #fff;
$color-gray: #ccc;
$color-input: #f4f4f4;
$color-divide: #f2f2f4;
$color-mask: rgba(0,0,0,0.5);
$color-red: #ff4d4f;
$color-green: #52C41A;
$color-yellow: #EBAF17;
$color-disable: #CECECE;

$color-1: #222; //主1文字
$color-2: #587a92; //主2文字
$color-3: #666; //次文字
$color-4: #9999; //提示文字
$colors: (
  (key: theme, value: $color-theme),
  (key: white, value: $color-white),
  (key: nav, value: $color-nav),
  (key: bg, value: $color-bg),
  (key: 1, value: $color-1),
  (key: 2, value: $color-2),
  (key: 3, value: $color-3),
  (key: 4, value: $color-4),
  (key: input, value: $color-input),
  (key: divide, value: $color-divide),
  (key: red, value: $color-red),
  (key: green, value: $color-green),
  (key: yellow, value: $color-yellow),
  (key: disable, value: $color-disable),
  (key: mask, value: $color-mask),
);

@for $i from 1 through length($colors) {
  $item: nth($colors, $i);
  .color-#{'' + map-get($item, key)} {
    color: map-get($item, value);
  }
  .bgcolor-#{'' + map-get($item, key)} {
    background-color: map-get($item, value);
  }
}


.bgcolor-transparent {
  background:transparent !important;
}

// 全局变量定义
$sideBarWidth: 200px;